<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				$("#sg").click(function(){
					$("#ul3").slideToggle("slow");
				})
				$("#pt").click(function(){
					$("#ul4").slideToggle("slow");
				})
				
			})
			
		</script>
	</head>
	<body>
		<div>
			<ul class="ul2">
				<li >
					<a id="sg">水果</a>
					<ul id="ul3">
						<li class="li2">
							<a id="pt">葡萄</a>
							<ul id="ul4">
								<li>红葡萄</li>
								<li>绿葡萄</li>
							</ul>
						</li>
						
						<li class="li2">橙子</li>
						<li class="li2">草莓</li>
					</ul>
				</li>
				
			
		</div>
	</body>
</html>
